<template>
  <div class='my-model'>
    <div class="menu-box">
      <Info></Info>
      <Menu></Menu>
      <img :src="imgs.logo" alt="">
    </div>
    <div class="real-content">
      <router-view/>
    </div>
  </div>
</template>
<script>
import Menu from './menu'
import Info from './info.vue'
export default {
  components: {Menu,Info},
  name: "",
  data() {
    return {
      imgs:{
        logo:require('../../assets/images/menu/logo.jpg')
      }
    };
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.my-model {
  display: flex;
  
  .menu-box{
    display: flex;
    flex-direction: column;
    width: 180px;
    height: 100%;
    background-color: #fff;

    img{
      width: 100%;
      margin-top: auto;
      margin-bottom: 10px;
    }
  }
  .real-content{
    width: 50%;
    height: 100%;
    flex-grow: 1;
  }
}
</style>